<html lang="ch"><head>
	<meta charset="utf8">
	<title>歌单分享页</title>
	<meta name="viewport" content="width=device-width initial-scale=1 user-scalable=yes"/>
	<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
	<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
	<script src="https://imgcache.qq.com/qcloud/cloudbase-js-sdk/1.6.0/cloudbase.full.js"></script>
	<script src="./cloudbase/cloudbase-login.js"></script>
	<script src="./cloudbase/cloudbase-api.js"></script>
	<link rel="stylesheet" href="js/bootstrap-4.5.3-dist/css/bootstrap.css">
	<script src="js/bootstrap-4.5.3-dist/js/bootstrap.bundle.min.js"></script>
	<script src="./swiper/swiper-bundle.min.js"></script>
	<script src="js/a3.js"></script>
	<script src="./js/wxSDK.js?type=292"></script>
	<link rel="stylesheet" type="text/css" href="css/public.css?a=3">
	<link rel="stylesheet" type="text/css" href="css/play-list.css?a=71">
	<link rel="stylesheet" href="./jcui/jcui.css?a=1">
	<script src="./jcui/jcui.js"></script>
	<script type="text/javascript" src="js/play-list.js?type=2421122"></script>
	<script type="text/javascript" src="layui/layui.js"></script>
	<link rel="stylesheet" href="layui/css/layui.css">
	<link rel="stylesheet" href="./swiper/swiper-bundle.min.css">
	<link id="zhandianIcon" rel="shortcut icon" href="https://7372-srrz-2g24l1oea7a7e67e-1304952114.tcb.qcloud.la/icon/shanerji.png" >
	<link rel="stylesheet" href="https://at.alicdn.com/t/font_2499920_ky4sa7tkt8.css">
</head>
<body>


<!--------------------------------------------------------------------------------头部页面begin-------------------------------------------------------------------------------->



		<header class="header container-sm bg-blue" >
					<a id="home_link" class="iconfont icon-shijie" style="font-size:28px;color:#fff;" href="https://www.top237.top" role="button" aria-label="返回首页列表按钮"></a>
<!--					<div tabindex="0" id="progress" class="progress" style="background-color: #fff;width:100%;margin:0 10px;">-->
<!--						<div  id="proressCnl" class="progress-bar progress-bar-striped progress-bar-animated bg-warning" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>-->
<!--					</div>-->
<!--					<a id="playcnl" href="#" class="iconfont glyphicon-play fr" style="font-size:19px;color:#fff;" role="button" aria-label="播放和暂停按钮"></a>-->
					<div id="playBox"></div>
		</header>
<!--------------------------------------------------------------------------------头部页面end-------------------------------------------------------------------------------->

<!--------------------------------------------------------------------------------主体歌谱页面begin-------------------------------------------------------------------------------->

		<main id="mainD" class="container-sm main" style="height: 100%;">
					<div class="swiper-container" style="height:100%;overflow-y: auto;">
						<div class="swiper-wrapper">

						</div>
						<div class="swiper-pagination"></div>
<!--						<div class="swiper-button-prev"></div>&lt;!&ndash;左箭头。如果放置在swiper-container外面，需要自定义样式。&ndash;&gt;-->
<!--						<div class="swiper-button-next"></div>&lt;!&ndash;右箭头。如果放置在swiper-container外面，需要自定义样式。&ndash;&gt;-->
					</div>
	  </main>
<!--------------------------------------------------------------------------------主体歌谱页面end-------------------------------------------------------------------------------->

<!--------------------------------------------------------------------------------尾部页面begin-------------------------------------------------------------------------------->


  		<footer class="container-sm footer bg-blue f-c-with">

			<small>237&nbsp&nbsp&nbsp&nbsp医治&nbsp&nbsp&nbsp顶峰</small>


			<button id="meun" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-label="歌词展示方式按钮菜单">
				<small>歌词展示方式</small>
				<span id="gdCount"  class="gdCount badge badge-pill badge-danger" style="display: none">1</span>
			</button>
			<div class="dropdown-menu">
				<a class="dropdown-item showGeci" data-type="ppt" href="#" role="button" aria-label="歌词展示方式为 PPT图片方式">
					PPT图片
				</a>
				<a class="dropdown-item showGeci" data-type="gc" href="#" role="button" aria-label="歌词展示方式为 歌词方式">
					歌词
				</a>
				<a class="dropdown-item showGeci" data-type="gp" href="#" role="button"  aria-label="歌词展示方式为 歌谱方式">
					歌谱
				</a>
				<div class="dropdown-divider"></div>
				<a id="fullSc" class="dropdown-item" href="#" role="button"  aria-label="全屏切换按钮">
					全屏
				</a>
			</div>
			<button id="downMp3btn" class="btn btn-primart text-white">下载音频</button>
			<img tabindex="0" role="button" aria-label="播放方式切换按钮，当前为默认单曲播放" id="playSetting" class="playSettingIcon" src="data:image/svg+xml;utf8,%3Csvg%20class%3D%22icon%22%20style%3D%22width%3A%201em%3Bheight%3A%201em%3Bvertical-align%3A%20middle%3Bfill%3A%20currentColor%3Boverflow%3A%20hidden%3B%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M938.61%20570.44c-10.7%200-19.82%208.18-20.52%2018.86C908.35%20740%20782.63%20859.64%20629.5%20859.64H402.48c-156.61%200-290.18-121.55-296.09-278.05-6.22-164.53%20125.82-300.36%20288.99-300.36H533.1v-0.01h165.04v100.5c0%2013.14%2014.36%2021.23%2025.6%2014.43L924%20275c10.85-6.56%2010.85-22.3%200-28.86L723.74%20124.98c-11.24-6.8-25.6%201.29-25.6%2014.43v100.5H489.79v0.01h-86.96c-185.3%200-341.42%20151.64-337.9%20336.91%203.41%20179.59%20150.05%20324.13%20330.46%20324.13H629.5c175.07%200%20318.35-136.11%20329.78-308.29%200.8-11.99-8.65-22.23-20.67-22.23z%22%20fill%3D%22%23FFFFFF%22%20%2F%3E%3Cpath%20d%3D%22M550%20708V456.66h-25.92l-67.45%2054.67%2017.75%2021.65L519.47%20495h0.71v213z%22%20fill%3D%22%23FFFFFF%22%20%2F%3E%3C%2Fsvg%3E"/>

		</footer>
<!--------------------------------------------------------------------------------尾部页面end-------------------------------------------------------------------------------->
<audio src="" onload="false"></audio>
</body>
</html>

